<template>
  <div class="md-example-child md-example-child-field md-example-child-field-0">
    <div style="font-size: 30px;padding: 20px">订单列表</div>
    <md-field>
      <md-input-item ref="name" title="真实姓名" v-model="cert_name" placeholder="请填写真实姓名" is-title-latent clearable ></md-input-item>
      <md-input-item ref="id" title="身份证号"  v-model="cert_no" placeholder="请填写身份证号" is-title-latent clearable ></md-input-item>
    </md-field>
    <div  style="width:90%;margin-top: 10px;margin-left: 40px;  padding: 0px;">
        <div  style="width:40%;font-size: 18px;float:left;margin-top: 10px;padding: 0px;">
          <md-button class="primary"  size="small" inline @click="search_order" >查询订单</md-button>
        </div>
        <div  style="width:40%;font-size: 18px;float:left;margin-top: 10px;margin-left: 40px;  padding: 0px;">
          <md-button class="primary"  size="small" inline @click="go_home" >返回首页</md-button>
        </div>
    </div>
    <div  style="width:90%;font-size: 18px;float:left;margin-top: 10px;margin-left: 40px;  padding: 0px;">
    <!--<md-field style="min-height:500px;">
      <md-field-item solid title="标题区域区域标题区域" arrow="rectangle" brief="订单详情" />
      <md-field-item solid title="标题区域标题区域标题区域标题区域"  brief="订单详情"  @click="onClick" />
    </md-field>-->
    </div>
    <div  style="width:40%;font-size: 18px;float:left;margin-top: 10px;margin-left: 40px;  padding: 0px;">

    </div>
  </div>
</template>
<style lang="stylus">
.md-field-item .md-field-item-label.solid {
  width: 7.7rem
}
.md-example-child-field-0
.md-field-action
  height 36px
  align-items flex-end
  .action-container
    display flex
    align-items center
      .md-icon
        margin-left 10px
        color #C5CAD5
        font-size 16px
        width auto
        height auto
        line-height normal
.md-button
  float left
</style>
<script>
import { Popup, Button, InputItem, Toast, ActivityIndicator, Dialog, DropMenu, CheckBox, TabBar , Field, FieldItem, Agree, NoticeBar, Icon } from 'mand-mobile'

// 2. 引入组件样式
import 'vant/lib/index.css'

export default {
  name: 'guangdong-view',
  components: {
    [CheckBox.name]: CheckBox,
    [Popup.name]: Popup,
    [NoticeBar.name]: NoticeBar,
    [InputItem.name]: InputItem,
    [Button.name]: Button,
    [ActivityIndicator.name]: ActivityIndicator,
    [DropMenu.name]: DropMenu,
    [Field.name]: Field,
    [FieldItem.name]: FieldItem,
    [Agree.name]: Agree,
    [Icon.name]: Icon,
    [TabBar.name]: TabBar
  },
  data () {
    return {
      current: 1,
      items: [{name: 1, label: '标签1'}, {name: 2, label: '标签2'}],
      chosenAddressId: '1',
      finished: false,
      cert_name: '', // 姓名
      cert_no: '', // 身份证号码
      cert_num: '', // 自己电话，非购买的
      loading: false,
      agreeConf: {
        checked: false,
        name: 'agree0',
        size: 'md',
        disabled: false,
        introduction: '选中状态'
      },
      open: false,
      url: {
        list: '/agentgetcity',
        agentgetprotocol: '/agentgetprotocol',
        getMobilelist: '/agentselectnumber',
        agentgetcustinfo: '/agentgetcustinfo'
      },
      callback_url: '',
      allAlign: null
    }
  },
  methods: {
    search_order () {
    },
    go_home () {
      this.$router.push({
        path: '/'
      })
    },
    go_order () {
      this.$router.push({
        path: '/content'
      })
    },
    onClick () {
      console.log(1)
    },
    createOrder () {
    },
    onPickerInitialed () {
      const columnValues = this.$refs.picker1.getColumnValues()
      let value = ''
      columnValues.forEach(item => {
        value += `${item.label}-`
      })
      console.log(`getColumnValues: ${value.substr(0, value.length - 1)}`)
    },
    handleClick () {
      Toast.info('点击按钮2')
    },
    // 回调
    saveOrder () {
    },
    getNetProtocol () {
    },
    validateIdCard (idCardNumber) {
    },
    download (waitTmp) {
    }
  },
  mounted () {
  }
}
</script>
